<template>
    <div>
        <content-box :title="title" :list="list"></content-box>
    </div>
</template>

<script>
export default {
    name: "Movie",
    data() {
        return {
            title: "正在看的电影",
            list: [
                "失控玩家",
                "新蜘蛛侠-英雄无归",
            ]
        }
    },
    activated() {
        console.log("组件被显示")
    },
    deactivated() {
        console.log("组件被隐藏")
    },
    beforeCreate() {
        console.log("创建==>前")
    },
    created() {
        console.log("创建==>后")
    },
    beforeMount() {
        console.log("挂载==>前")
    },
    mounted() {
        console.log("挂载==>后")
    },
    beforeUpdate() {
        console.log("更新==>前")
    },
    updated() {
        console.log("更新==>后")
    },
    beforeDestroy() {
        console.log("销毁==>前")
    },
    destroyed() {
        console.log("销毁==>后")
    },
    errorCaptured(err, vm, info) {
        //错误捕获
        //组建中发生错误的时候会触发这个函数
    }
}
</script>

<style scoped>

</style>